<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
	/>
	<link rel="stylesheet" href="../css/reset.css" />
	<link rel="stylesheet" href="../css/Publi.css" />
	<link rel="stylesheet" href="../css/public.css" />
	<link rel="stylesheet" href="../css/List_detail.css" />
	<link rel="stylesheet" href="../css/change_back.css" />
	<link rel="stylesheet" href="../css/oeder.css" />
	<title>列表详情</title>
</head>
<script type="text/javascript">
	if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
		var version = parseFloat(RegExp.$1);
		if (version > 2.3) {
			var phoneScale = parseInt(window.screen.width) / 750;
			document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' +
				phoneScale + ', target-densitydpi=device-dpi">');
		} else {
			document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
		}
	} else {
		document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
	}
</script>

<body>
	<!--列表详情-->
	<div class="list-detail">

		<div class="air_bg">
			<div class="air_details br_10">
				<div class="flight_box">
					<div class="flight clear">
						<img class="flight_logo" src="../upload/icon_air_logo.png" />
						<label class="c153 f_24">
							<span>联航KN5955</span>
							<a href="javascript:;">共享</a>|
							<span>波音737(中)</span>
						</label>
						<div class="flight_time f_24 ">
							<img class="icon_clock" src="../images/icon_clock.png" />
							<label>12h25m</label>
						</div>
					</div>
					<!--------------航班信息详细时间------------------------>
					<div class="flight_detail_time clear">
						<div class="start_time text_r">
							<label class="day f_20">11-04 周六</label>
							<label class="hours">19:10</label>
							<label class="place f_24">双流机场T1</label>
						</div>
						<div class="change_line text_c">
							<label class="change_tip">
								<span class="f_24 ">转</span>
							</label>
							<label class="change_place f_24">哈沙克斯坦</label>
						</div>
						<div class="start_time text_l">
							<label class="day f_20">11-04 周六</label>
							<label class="hours">19:10</label>
							<label class="place f_24">双流机场T1</label>
						</div>
					</div>
				</div>
				<div class="flight_see">
					<label class="f_24 c136">准点率：70% 有餐食</label>
					<a class="return_detail f_24" href="javascript:;">中转详情 ></a>
				</div>
			</div>
			<!---->
		</div>
		<!-- ----------航班价格列表------------------- -->
		<div class="air-price-list bg_fff">
			<ul>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="direct-logo">
								<span class="logo">
									<img src="../../upload/img.png" alt="logo">
								</span>
								<span class="name">中国东方航空</span>
							</p>
							<span class="direct-txt">直营</span>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<label class="tiket f_24 mar_r_20">剩4张</label>
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="direct-logo">
								<span class="logo">
									<img src="../../upload/img.png" alt="logo">
								</span>
								<span class="name">中国东方航空</span>
							</p>
							<span class="direct-txt">直营</span>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<label class="tiket f_24 mar_r_20">剩4张</label>
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="discount">
								<span class="tag">惠</span>
								<span class="content">商务舱特价</span>
							</p>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="discount">
								<span class="tag">惠</span>
								<span class="content">商务舱特价</span>
							</p>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="direct-logo">
								<span class="logo">
									<img src="../../upload/img.png" alt="logo">
								</span>
								<span class="name">中国东方航空</span>
							</p>
							<span class="direct-txt">直营</span>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
				<li class="flight_list clear">
					<div class="flight_d_list text_l">
						<div class="money clear">
							<span class="price">
								<small>￥</small>64
							</span>
							<p class="direct-logo">
								<span class="logo">
									<img src="../../upload/img.png" alt="logo">
								</span>
								<span class="name">中国东方航空</span>
							</p>
							<span class="direct-txt">直营</span>
						</div>
						<a href="javascript:;" class="conut">经济舱.1折 退改¥78起 ></a>
					</div>
					<div class="flight_d_list text_r order_tick">
						<!--自选 使用两个按钮 或者自定义按钮value-->
						<input class="order br_8 br_shdow" type="button" value="预订" />
						<input class="order br_8 br_shdow none" type="button" value="选返程" />
					</div>
				</li>
			</ul>
		</div>
	</div>

	<!--------------------中转详情------------------------------->
	<div class="mask_layer "></div>
	<div class="mask_main ">
		<section class="zhuan-detail">
			<!-------中转站点1--------->
			<div class="transfer_place br_10">
				<h3>
					<label>10-31 周二 成都—上海 | 中转站</label>
					<span class="twice">1</span>
				</h3>
				<!--左边时间-->
				<div class="transfer_detail clear">
					<div class="trans_time">
						<div class="transfer_time">
							19:20
							<span class="f_24">(抵达)</span>
						</div>
						<div class="transfer_time  trans_color  aend_time">
							20:20
							<span class="f_24">(出发)</span>
						</div>
					</div>
					<!-----右边地点------>
					<div class="trans_place">
						<div class="transfer_airport">
							<label>双流机场T1</label>
							<div class="air-num">
								<img src="../upload/icon_air_logo.png" />
								<div class="c153 air_tip">
									<span class="c153"> 联航KN5955 </span>
									<span class="a">共享</span>
									|
									<span>波音737（中）</span>
								</div>
							</div>
						</div>
						<p class="transfer_change clear">
							<span class="transfer_site">乌鲁木齐</span>
							<span class="time">
								<img class="icon_time" src="../images/icon_clock_active.png" />停留时间:
								<span class="stop_time">8h35m</span>
							</span>
						</p>
						<div class="aend_place">
							<label>双流机场T1</label>
							<div class="air-num">
								<img src="../upload/icon_air_logo.png" />
								<div class="c153 air_tip">
									<span class="c153"> 联航KN5955 </span>
									<span class="a">共享</span>
									|
									<span>波音737（中）</span>
								</div>
							</div>
						</div>
					</div>
					<div class="change_zhuan">转</div>
				</div>
			</div>
			<!-------------中转站点2--------------------->
			<div class="transfer_place br_10">
				<h3>
					<label>10-31 周二 成都—上海 | 中转站</label>
					<span class="twice">2</span>
				</h3>
				<!--左边时间-->
				<div class="transfer_detail clear">
					<div class="trans_time">
						<div class="transfer_time">
							19:20
							<span class="f_24">(抵达)</span>
						</div>
						<div class="arr_time ">11-01 周四</div>
						<div class="transfer_time trans_color aend_time">
							20:20
							<span class="f_24">(出发)</span>
						</div>
					</div>
					<!-----右边地点------>
					<div class="trans_place">
						<div class="transfer_airport">
							<label>双流机场T1</label>

						</div>
						<p class="transfer_change clear">
							<span class="transfer_site">乌鲁木齐</span>
							<span class="time">
								<img class="icon_time" src="../images/icon_clock_active.png" />停留时间:
								<span class="stop_time">8h35m</span>
							</span>
						</p>
						<div class="aend_place">
							<label>双流机场T1</label>
						</div>
					</div>
					<div class="change_zhuan">转</div>
				</div>
			</div>
			<!---------规则--------->
			<div class="rule">
				<div class="rule_main">
					<h3 class="rule_title">中转预定须知</h3>
					<h4>一、税费及航空公司</h4>
					<p>1.每段航班均需缴纳机场建设费和燃油税；</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
					<h4>二、税费及航空公司</h4>
					<p>1.每段航班均需缴纳机场建设费和燃油税；</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
					<p>2.每段航班均需缴纳机场建设费和燃油税；每段航班均需缴纳机场建设费和燃油税。</p>
				</div>
			</div>
		</section>
		<!------底部---------------->
		<div class="footer">
			<img class="icon_exit" src="../images/icon_exit.png" />
		</div>
	</div>

	<!--退改签详情-->
	<div class="change-back">
		<div class="change-box">
			<div class="tips">
				<div class="tips_content">
					<span class="tips_title">出票时长</span>
					<p>预计支付成功后123分钟内出票</p>
				</div>
				<div class="tips_content">
					<span class="tips_title">行李额</span>
					<p>第一程 免费托运行李额限 20kg </p>
					<p class="mar_l_125">第一程 免费托运行李额限 20kg</p>
				</div>
			</div>
			<!---->
			<h4 class="return_title">第一程成人退改签说明</h4>
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td style="width: 170px;">
						<label>产品退订费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>产品同舱更改费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>套餐签转</label>
					</td>
					<td>
						<label>不支持套餐签转。</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>备注</label>
					</td>
					<td>
						<label>改期费和升舱费同时发生时，需同时收取，具体以实际订单为准。</label>
					</td>
				</tr>
			</table>
			<h4 class="return_title">第二程成人退改签说明</h4>
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<label>产品退订费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>产品同舱更改费</label>
					</td>
					<td>
						<label>1）起飞前2小时内：800元／人</label>
						<label>2）起飞前2小时外：400元／人</label>
						<label>3）起飞后：800元／人</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>套餐签转</label>
					</td>
					<td>
						<label>不支持套餐签转。</label>
					</td>
				</tr>
				<tr>
					<td>
						<label>备注</label>
					</td>
					<td>
						<label>改期费和升舱费同时发生时，需同时收取，具体以实际订单为准。</label>
					</td>
				</tr>
			</table>

		</div>

		<footer>
			<label>
				<span class="f_24">￥</span>
				<span class="price">800123</span>
			</label>
			<a href="javascript:;">预订</a>
		</footer>
	</div>

</body>
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/list_detail.js"></script>
<script>
	$(document).ready(function () {
		var winH = $(window).height();
		$(".zhuan-detail").css("height", (winH - 95) + "px");
	})
	$(window).resize(function () {
		var winH = $(window).height();
		$(".zhuan-detail").css("height", (winH - 95) + "px");
	})
</script>

</html>